
  
<html xml:lang="en" lang="en"
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ex="http://simile.mit.edu/2006/11/exhibit#">


<head>
    <title>Relsys</title>
    
  
    
  <link href="http://diplomski.nelakolundzija.org/proba.js"   ex:jsonp-callback="learningToolsCallback" type="application/jsonp" rel="exhibit/data" />
  
  <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
            type="text/javascript"></script>
        <script src="http://static.simile.mit.edu/exhibit/extensions-2.3.0/time/time-extension.js" type="text/javascript"></script>


       
     <style>
        body {
            font-family:    "Gill Sans", "Trebuchet MS", "Helvetica", "Arial", "sans serif";
            font-size:      10pt;
            padding:        0.3in;
			
	
        }
        table {
            font-size:      100%;
        }
        tr, td {
            vertical-align: top;
        }
        div.thumbnail-lens {
            width:      280px;
        }
        div.GeneralInformation {
            margin:     5px 0;
            font-weight: bold;
        }
      div.TechnicalInformation {
            margin:     5px 0;
            font-weight: bold;
        }
      div.Feature {
            margin:     5px 0;
            font-weight: bold;
        }
     
        tr.thumbnail td {
            height:         120px;
            vertical-align: middle;
        }
        tr.details td {
            height:         80px;
        } 
 div.title {
            margin:     5px 0;
            font-weight: bold;
        } 
		   div.learningtool-timeline-lens {
            padding:    1em;
            text-align: center;
        }



    </style>
 </head> 
 
 <body>
  <div ex:role="collection" ex:itemTypes="LearningTool"></div>

      <h1>Relsys</h1>
    
 
 <p style="border-bottom: 1px dotted #aaa; font-style: italic; color: #888;">Repository of online learning tools</p>
    
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
        <td width="205" style="padding-right: 20px;">

  <div ex:role="facet" 
               ex:facetClass="TextSearch"
                ex:facetLabel="Type the search criteria:"></div>

                <div ex:role="facet" 
                ex:expression=".registration"
                ex:facetLabel="Registration" 
                ex:scroll="false"
                ></div>
                <div ex:role="facet" 
                ex:expression=".hasFeature" 
                ex:facetLabel="Features"
                ex:scroll="true"
                ></div>

                <div ex:role="facet" 
                ex:expression=".openSource" 
                ex:facetLabel="OpenSource"
                ex:scroll="false"
                ></div>
               <div ex:role="facet" 
               
                ex:expression=".cost" 
                ex:facetLabel="Cost"
                 ex:scroll="false"
               ></div>

               <div ex:role="facet" 
                ex:expression=".availability"
                ex:facetLabel="Availability" 
                 ex:scroll="false"
               ></div>

                <div ex:role="facet" 
               ex:expression=".supportedMobileDevices"
                ex:facetLabel="Supported Mobile Devices" 
                 ex:scroll="false"
               ></div>

               <div ex:role="facet" 
               ex:expression=".supportedOS"
                ex:facetLabel="Supported Opereting Systems" 
                 ex:scroll="false"
               ></div>
                 
               
              
        </td>


 <td>
         
<div ex:role="view" ex:viewClass="Thumbnail" ex:showAll="false"  ex:orders=".label"  ex:possibleOrders=".label, .launched">

 <div ex:role="lens" class="thumbnail-lens">


        <table cellpadding="0" cellspacing="0" width="100%">
 <tr class="thumbnail"><td><a ex:href-content=".toolURL" target="_blank"><img ex:src-content=".toolImgURL"></a></td></tr>
            <tr class="details"><td>
            <div class="GeneralInformation">General Information</div>
                                    
        <div class="Description"> <span ex:content=".description"></span></div>
        <div class="availability">Availability: <span ex:content=".availability"></span></div>
            <div class="TechnicalInformation">Technical Information</div>
                                    
           <div class="mobiledevice">Supported Mobile devices: <span ex:content=".supportedMobileDevices"></span></div>
           <div ex:if-exists=".supportedOS" class="operetingSystems">Supported OS: <span ex:content=".supportedOS"></span></div>
           <div class="registration">Registration: <span ex:content=".registration"></span></div>
           <div class="openSource">IsOpenSource: <span ex:content=".openSource"></span></div>
           <div class="launched">Launched: <span ex:content=".launched"></span></div>            

            <div>More: <span ex:content="value" /></span> </div>          



</td>


</tr>
  </table>
            





 
     </body>      

 </html>
